@charset "gb2312";
.return {width: 40px;position: fixed;bottom: 78px;right: 10px;z-index: 999; display:none !important;}
.return a.dingbu2{width: 40px;height: 40px;display: block;}
.fhdb1 p{color: #fff;line-height: 19px;display: none;font-size:14px;}
.return a.dingbu2 .fhdb1 {width: 40px;height: 40px;margin-top: 10px;text-align: center;background: url(../images/re.png) no-repeat center;background-size: auto 100%;}

@media only screen and (max-width: 1024px) {
body{min-width:320px;margin-bottom: 11vw;}
.head{ width:98%; padding:0 1%; height:80px;}
.dl-menuwrapper{display:block !important;}
.head .logo{width: 228px;margin-top: 26px;}
.head ul.nav{ display:none;}
.banner ul li{height: 370px !important;background-size: auto 100% !important;}
.jszc{ width:98%;padding: 3% 0;}
.jszc .jszcl{width: 51%; background:none;}
.jszc .jszcl .video{width: 100%;background: none;height: auto;margin-top: 0;}
.jszc .jszcl .video video{ width:100%; padding:0;margin:0;}
.jszc .jszcr{ width:47%;}
.jszc .jszcr span{font-size: 24px;line-height: 30px;background-size: auto 42px;margin-top: 0;padding-top: 22px;}
.jszc .jszcr ul{ padding-top:2%;}
.jszc .jszcr ul li{ font-size:15px; width:44%; line-height:32px; padding-left:6%;}
.anli{ width:98%; padding:0 0 3%;}
.anli .anlil{ display:none;}
.anli .anlir{ width:100%; float:none;}
.anli .anlir span{font-size: 24px;line-height: 30px;background-size: auto 42px;margin-bottom: 1%;padding-top: 22px;}
.anli .anlir p{ padding:1% 0 0; font-size:15px;}
.jjfa{width: 100%;background-repeat: repeat;margin: 0 auto;}
.jjfa .fatit{padding:3% 0;font-size: 30px; font-weight:bold;}
.jjfa ul{margin-bottom:4%;padding: 0 1%;}
.jjfa ul li{width: 32.6%;margin-right: 1%;}
.jjfa ul li img{ width:100%; height:auto;}
.jjfa ul li span{margin: 0;font-size: 18px;width: 100%;}
.gcalbg{height: auto;background-size: auto 100%;}
.gcal{ width:98%; padding:3% 0;}
.gcal .altit{ padding:1% 0 0; font-size:30px;}
.gcal ul{ padding:3% 0 0;}
.gcal ul li{width: 24.2%;margin-right: 1%;}
.gcal ul li img{ width:100%; height:auto;}
.gcal ul li span{padding: 3% 0;font-size: 14px;}
.news{ width:98%;}
.tab_nr{ padding:4% 0 2%;}
.tab_nr .newstit{ padding-bottom:3%;}
.tab_nr .newstit p.titbg{ font-size:30px;}
.tab_nr ul.menu_nr li a{ font-size:18px;}
.tab_nr ul.xw{ padding:2% 0;}
.tab_nr ul.xw li{width: 47%; border-bottom-width:1px;padding: 2% 1%;margin-right: 2%;}
.tab_nr ul.xw li a img{ width:35%; height:auto;}
.tab_nr ul.xw li a p{ width:61%; padding:2% 0;}
.tab_nr ul.xw li a p span.xwms{ padding:4% 0 0;}
.cpzx{ width:98%; padding:3% 0 0;}
.cpzx .cptit{ font-size:30px; padding:1% 0;}
.cpzx ul{ padding:2% 0;}
.cpzx ul li{width: 24.2%;margin: 0 1% 2% 0;}
.cpzx ul li img{ width:100%; height:auto;}
.cpzx ul li p{ padding:4% 0;}
.cpzx ul li span.more{ display:none;}
.hzhb{ width:98%; padding:3% 0;}
.hzhb .hztit{font-size: 30px;padding: 1% 0 3%;}
.hzhb ul li{width: 15.8%;margin-right: 1%;}
.hzhb ul li:nth-child(6){ margin-right:0;}
.hzhb ul li .img1{width:100%;height:auto;float: left;}
.hzhb ul li .img2{width:100%;height:auto;float: left;}
.footbg{ display:none;}
.linkbg{ display:none;}
.banner1{height: 310px !important;background-size: auto 100% !important;}
.prolist{ width:98%; padding:3% 0;}
.prolist .left{ width:100%; float:none;}
.prolist .left ul.pro li{padding: 0;width: 32%;margin: 0 2% 2% 0;height: auto;}
.prolist .left ul.pro li a{width: 90%;padding: 5%; height:auto;}
.prolist .left ul.pro li a img{ width:100%; height:auto;}
.prolist .left ul.pro li a .intro{background: none;margin: 0;padding: 0;}
.prolist .left ul.pro li a .intro .protit{ padding-top:5%;}
.prolist .left ul.pro li a .intro p{ margin:2% 0;}
.pages{ padding:2% 0 1%;}
.prolist .right{ display:none;}
.prolist .left .article{padding: 0 1% 2%;}
.prolist .left .article h1{ padding-bottom:2%;}
.prolist .left .article p{ padding:1% 0;}
.prolist .left  .prenext{ padding:2% 0;}
.prolist .left  .prenext .pre{width: 41%;padding: 0 1% 0 8%;line-height: 50px;background-position-x: 2.5vw;}
.prolist .left  .prenext .pre:hover{width: 41%;padding: 0 1% 0 8%;line-height: 50px;background-position-x: 2.5vw;}
.prolist .left  .prenext .next{width: 41%;padding: 0 8% 0 1%;line-height: 50px;background-position-x: 43vw;}
.prolist .left  .prenext .next:hover{width: 41%;padding: 0 8% 0 1%;line-height: 50px;background-position-x: 43vw;}
.xgwz{ padding-top:1%;}
.xgwz .xgwztit{ padding:0 2%; line-height:50px;}
.xgwz ul{ padding:2%;}
.xgwz ul li{ width:49%; margin-right:2%; padding:0; line-height:34px;}
.xgwz ul li p{ width:100%; float:none;}
.xgwz ul li span{ display:none;}
.xwlist .left ul.xw{ padding-bottom:2%;}
.xwlist .left ul.xw li{ width:50%;}
.xwlist .left ul.xw li a{ margin:3% 2%;}
.xwlist .left ul.xw li .xwtit{ padding-bottom:1%;}
.xwlist .left ul.xw li p{ padding:1% 0;}
.xwlist .left ul.xw li .more{ font-size:14px; padding:0; background:none;}
.xwnr .left .article .xwtitle{ padding-bottom:2%;}
.xwnr .left .article .xwtitle span{ padding:1% 0;}
.about .box1{ width:98%; padding:4% 0 2%;}
.about .box1 img{ width:50%;}
.about .box1 .aboutl{ width:49%; padding:0;}
.about .box1 .aboutl p{font-size: 40px;line-height: 40px;padding: 0;}
.about .box1 .aboutl .aboutnr p{ padding:2% 0 1%;}
.about .box1 .aboutl .aboutnr p.a1{ background:none; padding:0;}
.about .box2{ width:98%; padding:2% 0;}
.about .box2 img{ width:39%; padding:0;}
.about .box2 .aboutl{ width:59%;}
.about .box2 .aboutl p{font-size: 40px;line-height: 40px;padding: 2% 0 1%;}
.about .box2 .aboutl span{font-size: 24px;line-height: 30px;padding-bottom: 2%;}
.about .box2 .aboutl .aboutnr p{padding: 1% 0; line-height:26px;}
.fwjs .zlbz{width: 98%;padding: 3% 0;background: none;}
.fwjs .fwtit{ padding:1% 0;}
.fwjs .fwtit span{ font-size:32px;}
.fwjs .fwtit p{ font-size:26px;}
.fwjs .zlbz .zlbznr{ padding:2% 0 0;}
.fwjs .zlbz .zlbznr img{ width:50%; height:auto;}
.fwjs .zlbz .zlbznr ul{ width:48%; padding-top:3%;}
.fwjs .zlbz .zlbznr ul li{ padding:1% 0;}
.fwjs .zlbz .zlbznr ul li.last{ width:auto;}
.fwjs .fwcn{padding: 3% 0;width: 98%;}
.fwjs .fwcn .fwcnb{ padding:2% 0 1%;}
.fwjs .fwcn .fwcnb .fwcnc{ position:inherit; float:left; width:44%; left:0;}
.fwjs .fwcn .fwcnb .fwcnc img{ width:300px; margin:0 auto; display:block;}
.fwjs .fwcn .fwcnb ul.fwcnl{ padding-top:0; width:56%;}
.fwjs .fwcn .fwcnb ul.fwcnl li{ padding-top:1%;}
.fwjs .fwcn .fwcnb ul.fwcnl li p{background: none;padding-right: 0;width: auto;}
.fwjs .fwcn .fwcnb ul.fwcnr{ float:left; width:56%;}
.fwjs .fwcn .fwcnb ul.fwcnr li{ padding-bottom:0; padding-top:1%;}
.fwjs .fwcn .fwcnb ul.fwcnr li span{ padding-left:0;}
.fwjs .fwcn .fwcnb ul.fwcnr li p{width: auto;background: none;padding-left: 0; height:auto;}
.fwjs .cnbz{ width:98%; padding:3% 0;}
.fwjs .cnbz ul{ padding:2% 0 0;}
.fwjs .cnbz ul li{ width:31.3%; margin:0 1%;}
.fwjs .cnbz ul li img{ width:100%; height:auto;}
.fwjs .cnbz ul li span{ padding:2%;}
.fwjs .shfw{width: 98%;padding: 3% 0;}
.fwjs .shfw ul{ padding:3% 0;}
.fwjs .shfw ul li{ width:42%; margin:0 4%;}
.fwjs .shfw ul li span{ padding:2% 0 0;}
.fwjs .gzfw{ width:98%; padding:3% 0;}
.fwjs .gzfw .ftit{ padding:2% 0;}
.fwjs .gzfw ul{ padding:0;}
.fwjs .gzfw ul li{ width:45%;}
.fwjs .gzfw ul li img{ width:100%;}
.fwjs .gzfw ul li.jt{width: 10%;}
.fwjs .gzfw ul li.jt .jt1{width: 100%;background-size: 50%;margin-top: 14vw;}
.fwjs .gzfw ul li.last{ width:45%;}
.fwjs .gzfw ul li img{ width:100%;}
.fwjs .sm{width: 98%;padding: 3% 0;}
.fwjs .sm p{ padding:1% 5%;}


.return{display: block !important;bottom: 11vw;}
.social_nav1{height: auto;position:fixed;bottom:0;min-width:320px;width:100%;z-index:999;background: #474747;display:block !important;}
.social_nav1 li{width: 50%;float:left;position:relative;text-align:left;border-right: 1px #ccc solid;color:#fff;line-height:1rem;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav1 li:nth-child(3){border-right:none;border-left:none;}
.social_nav1 li em{width: 12%;display:block;float: left;padding-right: 4%;}
.social_nav1 li em img{width: 100%;height:auto;}
.social_nav1 li a{color: #fff;font-size: 3.5vw;line-height: 4vw;display: block;padding: 5% 0 5% 12vw;}
.social_nav1 li.cur{ color:#fff;}

}
@media only screen and (max-width: 767px) {
.banner ul li{height: 310px !important;}
.jszc .jszcl{float: none;margin: 0 auto;width: 100%;}
.jszc .jszcr{width: 100%;float: none;margin: 4% 0 0;}
.jszc .jszcr ul li{ padding-left:30px;}
.jjfa .fatit{ font-size:24px;}
.jjfa ul li span{font-size: 15px;height: 40px;line-height: 40px;}
.gcal .altit{ font-size:24px;}
.tab_nr .newstit p.titbg{ font-size:24px;}
.tab_nr ul.menu_nr{ width:320px;}
.tab_nr ul.menu_nr li a{ font-size:16px;width: 100px;height: 25px;line-height: 25px; margin-right:10px;}
.tab_nr ul.xw li a p{ width:63%;}
.tab_nr ul.xw li a p span.xwtit{ font-size:15px;}
.cpzx .cptit{ font-size:24px;}
.hzhb .hztit{ font-size:24px;}
.banner1{height: 260px !important;}
.prolist .left ul.pro li{width: 32.6%;margin: 0 1% 1% 0;}
.prolist .left ul.pro li a{ width:94%; padding:3%;}
.prolist .left ul.pro li a .intro .protit{ font-size:14px;}
.prolist .left .prenext .pre{background-position-x: 2vw;}
.prolist .left .prenext .pre:hover{background-position-x: 2vw;}
.about .box1 img{float: none;width: 608px;margin: 0 auto;}
.about .box1 .aboutl{ width:100%; padding:3% 0 0;}
.about .box1 .aboutl p{ padding-bottom:1%;}
.about .box1 .aboutl .aboutnr p.a1{ padding:1% 0;}
.about .box2 img{width: 394px;float: none;margin: 0 auto;padding: 3% 0;}
.about .box2 .aboutl{ width:100%;}
.fwjs .fwtit span{ font-size:28px;}
.fwjs .fwtit p{ font-size:22px;}
.fwjs .zlbz .zlbznr img{width: 70%;float: none;margin: 0 auto;display: block;}
.fwjs .zlbz .zlbznr ul{ width:100%;}
.fwjs .fwcn .fwcnb .fwcnc img{ width:260px;}
.fwjs .fwcn .fwcnb ul.fwcnl li{ padding-top:2%;}
.fwjs .fwcn .fwcnb ul.fwcnl li span{ float:left; padding-right:5px;}
.fwjs .fwcn .fwcnb ul.fwcnl li p{ line-height:30px;}
.fwjs .fwcn .fwcnb ul.fwcnr li{ padding-top:2%;}
.fwjs .fwcn .fwcnb ul.fwcnr li span{ float:left; padding-right:5px;}
.fwjs .fwcn .fwcnb ul.fwcnr li p{ line-height:30px;}
.fwjs .gzfw ul li.jt .jt1{ margin-top:10vw;}

}
@media only screen and (max-width: 640px) {
.banner ul li{height: 270px !important;}
.small{width: 175px;margin:-25px auto 25px;}
.small a{width: 50px;height: 8px;margin: 0 4px;}
.small .small_s{ width:50px; height:8px;}
.jjfa ul li span{ font-size:14px;}
.tab_nr ul.xw li a p{ padding:0;}
.cpzx ul li p{ font-size:14px;}
.banner1{height: 220px !important;}
.prolist .left .article h1{ font-size:22px;}
.prolist .left .article img{ width:540px !important; height:auto!important;}
.about .box1 img{ width:540px;}
.fwjs .fwcn .fwcnb .fwcnc{width: 300px;height: 250px;overflow: hidden;float: none;margin: 0 auto;}
.fwjs .fwcn .fwcnb .fwcnc img{ width:300px;}
.fwjs .fwcn .fwcnb ul.fwcnl{ width:100%;}
.fwjs .fwcn .fwcnb ul.fwcnr{ width:100%;}


}
@media only screen and (max-width: 560px) {
.banner ul li{height: 230px !important;}
.jszc .jszcr span{font-size: 20px;line-height: 24px;background-size: auto 35px;padding-top: 20px;}
.jszc .jszcr ul li{ font-size:14px; line-height:28px; width:43%;}
.anli .anlir span{font-size: 20px;line-height: 24px;background-size: auto 35px;padding-top: 21px;}
.anli .anlir p{ font-size:14px;}
.jjfa .fatit{ font-size:20px;}
.jjfa ul li{ width:48%; margin:1%;}
.jjfa ul li:nth-child(1){ float:none; margin:1% auto;}
.gcal .altit{ font-size:20px;}
.gcal ul li{ width:48%; margin:1%;}
.tab_nr .newstit p.titbg{ font-size:20px;}
.tab_nr ul.menu_nr{ width:266px;}
.tab_nr ul.menu_nr li a{font-size: 15px;width: 85px; margin-right:5px;}
.tab_nr ul.xw li{width: 98%;margin-right: 0;float: none;}
.cpzx .cptit{ font-size:20px;}
.cpzx .cptit{ font-size:20px;}
.cpzx ul li{ width:48%; margin:1%;}
.cpzx ul li:nth-child(4n){ margin-right:1%;}
.hzhb .hztit{ font-size:20px;}
.hzhb ul li{width: 32%;margin: 1% 2% 1% 0;}
.hzhb ul li:nth-child(3n){ margin-right:0;}
.banner1{height: 185px !important;}
.prolist{ width:100%;}
.prolist .left ul.pro li{ width:48%; margin:0 1% 2%;}
.prolist .left ul.pro li:nth-child(3n){ margin-right:1%;}
.pages ul li span{padding: 4px 10px;margin: 0 3px;}
.pages ul li a{padding: 4px 10px;margin:0 3px;}
.prolist .left .article img{ width:100% !important;}
.prolist .left .prenext .pre{background-position-x: 3vw;width: 88%;padding: 0px 0 0 12%;line-height: 40px;}
.prolist .left .prenext .pre:hover{background-position-x: 3vw;width: 88%;padding: 0px 0 0 12%;line-height: 40px;}
.prolist .left .prenext .next{background-position-x: 3vw;width: 88%;padding: 0px 0 0 12%;text-align: left;line-height: 40px;}
.prolist .left .prenext .next:hover{background-position-x: 3vw;width: 88%;padding: 0px 0 0 12%;text-align: left;line-height: 40px;}
.xwlist{ width:98%;}
.about .box1 img{ width:100%;}
.fwjs .zlbz .zlbznr img{ width:98%;}
.fwjs .cnbzbg{ background:#fbfbfb;}

}
@media only screen and (max-width: 480px) {
.head{ height:65px;}
.head .logo{width: 204px;margin-top: 20px;}
.dl-menuwrapper{max-width: 212px;right:5px;top:10px;}
.dl-menuwrapper li a{ padding:7px 15px;}
.dl-menuwrapper .dl-menu{ margin:10px 0 0;}
.banner ul li{height: 195px !important;}
.jszc .jszcr ul li{ line-height:25px; width:42%;}
.return{ width:35px;}
.return a.dingbu2{ width:35px; height:35px;}
.return a.dingbu2 .fhdb1{ width:35px; height:35px;}
.banner1{height: 155px !important;}
.prolist .left .article h1{ font-size:20px;}
.xgwz .xgwztit{ line-height:40px;}
.xgwz ul li{width: 100%;margin-right: 0;line-height: 28px;float: none;}
.xwlist .left ul.xw li{ width:100%;}
.xwlist .left ul.xw li .xwtit{ font-size:15px;}
.xwlist .left ul.xw li:nth-child(2n-1) a{ margin-right:0;}
.xwlist .left ul.xw li:nth-child(2n) a{ margin-left:0;}
.about .box1 .aboutl p{ font-size:34px; line-height:34px;}
.about .box2 .aboutl p{ font-size:34px; line-height:34px;}
.about .box2 .aboutl span{ font-size:20px; line-height:26px;}
.about .box2 img{ width:380px;}
.fwjs .fwtit span{ font-size:24px;}
.fwjs .fwtit p{ font-size:18px;}
.fwjs .cnbz ul li span{ line-height:22px;}
.fwjs .fwcn .fwcnb .fwcnc{ width:260px; height:220px;}
.fwjs .fwcn .fwcnb .fwcnc img{ width:260px;}
.fwjs .shfw ul li img{ width:140px; height:auto;}
.fwjs .shfw ul li img{ width:140px; height:auto;}
.fwjs .gzfw ul li.jt .jt1{ margin-top:6vw;}
.fwjs .sm p{ padding:1% 0;}
 
.social_nav5 li a{font-size:16px;}
.social_nav5 li em{width:40px;height:40px;}
}
@media screen and (min-width:320px) and (max-width:400px){
body{margin-bottom:12vw;}
.banner ul li{height: 155px!important;}
.jszc .jszcr ul li{width: 45%;font-size: 13px;padding-left: 15px;background-size: 12px;}
.anli .anlir p{ font-size:13px; line-height:25px;}
.jjfa ul li span{ font-size:12px; height:30px; line-height:30px;}
.banner1{height: 130px !important;}
.about .box2 img{ width:80%;}
.fwjs .fwcn .fwcnb .fwcnc{ width:220px; height:180px;}
.fwjs .fwcn .fwcnb .fwcnc img{ width:220px;}


.prolist .left .prenext .pre{background-position-x: 1vw;}
.prolist .left .prenext .pre:hover{background-position-x: 1vw;}
.prolist .left .prenext .next{background-position-x: 1vw;}
.prolist .left .prenext .next:hover{background-position-x: 1vw;}

}